*{
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
.page {
	width: 100vw;
	min-height: 100vh;
	background: #fff;
}

.ban_xin{
	width: 12.4rem;
}
header,
footer {
	flex: none;
	width: 100%;
}

section {
	flex: 1;
	width: 100%;
}

/* 点击穿透 */
.click_true {
	pointer-events: none;
}

.click_false {
	pointer-events: auto;
}

/* 换行 */
.hh {
	word-break: break-all;
	overflow-wrap: break-word;
}

/* 不选中文本 */
.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Chrome/Safari/Opera */
	-khtml-user-select: none;
	/* Konqueror */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
	not supported by any browser*/
}

/* 统一nbsp的宽度 */
.nbsp {
	font-family: '宋体', 'Times New Roman';
}

.el-loading-spinner i {
	font-size: 0.5rem;
}

/* 富文本的样式 */
.fu_wen_ben {
	font-size: .16rem;
	color: #333333;
	line-height: .32rem;
	text-indent: 2em;
}

.fu_wen_ben img {
	max-width: 100%;
	margin: auto !important;
	display: block !important;
	height: auto !important;
}

/*滚动条样式*/
.el-scrollbar__wrap {
	/* overflow-x: hidden; */
}

.my_scroll .el-scrollbar__wrap {
	max-height: 2.4rem;
}

/* 提示框中的icon */
.el-message__icon {
	font-size: 16px;
}

.el-date-editor .el-input__prefix {
	display: none;
}

.el-input--prefix .el-input__inner {
	padding: 0 .2rem;
	font-size: .16rem;
	line-height: .4rem;
}

/* 选择器样式 */
.el-input__inner {
	border: none !important;
	background: transparent !important;
	height: 100%;
}

.el-select>.el-input {
	height: 100%;
}

.el-select:hover .el-select__caret.el-input__icon.el-icon-arrow-up::before {
	color: #227CBF;
}

.el-select__caret.el-input__icon.el-icon-arrow-up {
	position: relative;
	height: 100%;
	line-height: 1;
	vertical-align: middle;
}

/*选择器的下箭头换成下三角*/

.el-select__caret.el-input__icon.el-icon-arrow-up::before {
	content: "\E78F";
	color: #C8C8C8;
	font-size: .16rem;
	transition: color .4s;
}

/* 不选中文本 */
.noselect {
	/* iOS Safari */
	-webkit-touch-callout: none;
	/* Chrome/Safari/Opera */
	-webkit-user-select: none;
	/* Konqueror */
	-khtml-user-select: none;
	/* Firefox */
	-moz-user-select: none;
	/* Internet Explorer/Edge */
	-ms-user-select: none;
	/* Non-prefixed version, currently */
	user-select: none;
	/* not supported by any browser */
}

/*鼠标手势*/
.hand {
	cursor: pointer;
}

/* 超出省略的样式 */
.slh_one {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.slh_two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.slh_three {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


/*图片的样式*/
.fit {
	object-fit: contain;
}

.fill {
	object-fit: cover;
}


/* 怪异盒模型 */
.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* 弹性布局 */
.dis_f {
	display: flex;
}
/* 左对齐 上下居中 */
.dis_f_l_c {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
/* 左对齐 底对齐 */
.dis_f_l_b {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
/* 左右居中 */
.dis_f_c {
	display: flex;
	justify-content: center;
}
/* 左右居中 底对齐 */
.dis_f_c_b {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
/* 水平垂直居中 */
.dis_f_c_c {
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 底对齐 */
.dis_f_r {
	display: flex;
	justify-content: flex-end;
}
/* 右对齐 上下居中 */
.dis_f_r_c {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
/* 左右两端对齐 */
.dis_f_sb {
	display: flex;
	justify-content: space-between;
}
/* 左右两端对齐 顶对齐 */
.dis_f_sb_t {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/* 左右两端对齐 底对齐 */
.dis_f_sb_b {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
/* 左右两端对齐 上下居中 */
.dis_f_sb_c {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* 项目左右两侧的间隔相等 上下居中 */
.dis_f_sa_c {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
/* 超出换行，第一行在上方 */
.dis_f_w {
	display: flex;
	flex-wrap: wrap;
}
/* 超出换行，第一行在上方 左右上下居中 */
.dis_f_w_c_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
/* 超出换行，第一行在上方 项目左右两侧的间隔相等 上下居中 */
.dis_f_w_sa_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}
/*超出换行，第一行在上方 左右两端对齐  上下居中*/
.dis_f_w_sb_c {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
/* 垂直上下排列 */
.dis_f_co {
	display: flex;
	flex-direction: column;
}
/* 垂直上下排列 垂直水平居中*/
.dis_f_co_c_c {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* 垂直上下排列 左右居中*/
.dis_f_co_l_c {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* 垂直上下排列 左右居中 底对齐 */
.dis_f_co_r_c {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
/* 垂直上下排列 左右两端对齐*/
.dis_f_co_sb {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.border_eee{
	border-bottom: 1rpx solid rgba($color: #eee, $alpha: .8);
}

/*文字两端对齐*/
.tasb {
	width: 100%;
	text-align: justify;
	vertical-align: top;
}

.tasb:after {
	display: inline-block;
	width: 100%;
	content: '';
	height: 0;
}


/*占位符的样式*/
.placeholder input:-moz-placeholder,
.placeholder textarea:-moz-placeholder,
.placeholder:-moz-placeholder {
	color: #000 !important;
}

.placeholder input::-moz-placeholder,
.placeholder textarea::-moz-placeholder,
.placeholder::-moz-placeholder {
	color: #000 !important;
}

.placeholder input:-ms-input-placeholder,
.placeholder textarea:-ms-input-placeholder,
.placeholder:-ms-input-placeholder {
	color: #000 !important;
}

.placeholder input::-webkit-input-placeholder,
.placeholder textarea::-webkit-input-placeholder,
.placeholder::-webkit-input-placeholder {
	color: #000 !important;
}
	/* 点标记弹出框 */
	.dbj_tck {
		width: 3rem;
		padding: 0.15rem;
		background: #fff;
		border-radius: 0.1rem;
		color: #323232;
	}
	.dbj_tck span{
		width: 90%;
	}
	.dbj_tck img{
		width: 0.14rem;
		height: 0.14rem;
	}
	.dbj_tck .title {
		width: 100%;
		font-size: 0.16rem;
		font-weight: bold;
		margin-bottom: 0.1rem;
	}
	.dbj_tck .address {
		width: 100%;
		font-size: 0.14rem;
		margin-bottom: 0.1rem;
	}
	
	.dbj_tck .phone {
		font-size: 0.14rem;
	}
	
	.dbj_tck .phone img{
		width: 0.24rem;
		height: 0.24rem;
		flex: 0 0 auto;
	} 
